<template>
  <div class="contertList.vue">
    <div
      class="notice_list"
      v-for="item in list"
      :key="item.id"
    >
      <div class="notice_box">
        <i class="yuan"></i>
        <p class="notice_name pointer">{{item.title}}</p>
        <div
          v-show="item.sta==1"
          class="my_new"
        >[ 新 ]</div>
      </div>

      <div>
        [ {{item.createdTime}} ]
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "contertList.vue",
  watch: {
    list(newList, olist) {
      console.log(newList, "职工活动");
    }
  },
  props: {
    list: {
      type: Array
    }
  },
  data() {
    return {};
  },

  methods: {}
};
</script>

<style lang='scss' scoped>
.notice_list {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  .notice_box {
    display: flex;
    align-items: center;
    color: #333;
    font-size: 16px;
    .my_new {
      color: #e6142f;
      margin-left: 36px;
    }
    .notice_name {
      margin-left: 20px;
      max-width: 455px;
    }
  }
}
</style>
